<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>全部订单</title>
    <script src="__STATIC__/home/center/js/jquery-1.10.0.min.js"></script>
    <link rel="stylesheet" href="__STATIC__/home/center/css/mall.css" type="text/css" />
</head>
<body class="body_color">
<div class="mall_main">
<div id="child_header">
    <div class="goback"><a href="javascript:history.back(-1)"><i></i></a></div>
    <div class="current_location"><span>全部订单</span></div>
</div>

<div class="all_orders">
    <ul class="order_nav">
        <li class="current"><a>待付款</a></li>
        <li><a>已完成</a></li>
    </ul>
    <!--待付款订单 $row-->
    <div class="wait_pay">
        {volist name="row" id="v"}
        <div class="order_list">
            <p>订单号： {$v.order_id}</p>
            <div class="goods_info">
            <div class="left_goods">
                <a href="goods.html" class="goods_img"><img src="images/user_photo.jpg"></a>
            </div>
            <div class="right_operate"><a href="flow_1.html">支付</a></div>
            </div>
            <div class="price_count"><time>{$v.order_time|date="Y-m-d H:i:s",###}</time> <span>合计：{$v.total_money}</span></div>
        </div>
        {/volist}
    </div>
    <!--已完成订单  $res-->
    <div class="wait_pay" style="display: none">
        {volist name="res" id="v"}
        <div class="order_list">
            <p>订单号： {$v.order_id}</p>
            <div class="goods_info">
                <div class="left_goods">
                    <a href="goods.html" class="goods_img"><img src="images/user_photo.jpg"></a>
                </div>
                <div class="right_operate"><a href="flow_1.html">投诉</a></div>
            </div>
            <div class="price_count"><time>{$v.order_time|date="Y-m-d H:i:s",###}</time> <span>合计：{$v.total_money}</span></div>
        </div>
        {/volist}
    </div>
</div>


</div>

<script type="text/javascript">
    jQuery(function($){
        $('.all_orders ul li').click(function(){
            var index = $('.all_orders ul li').index(this);
            $(this).addClass('current').siblings('li').removeClass('current');
            $('.all_orders .wait_pay:eq('+index+')').show().siblings('.wait_pay').hide();
        })
    })
</script>
</body>
</html>